<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>1v1 屏幕共享示例-拉流端</title>
<style type="text/css">

    video {
        width:320px;
        height:240px;
        border:1px solid black;
    }
    button {

        background-color: red;
        border:none;
        color:white;
        margin: 0 lem 0 0;
        padding :0.5em 0.7em 0.6em 0.7em;
    }
</style>
</head>
<body>
    <h3>1v1 屏幕共享示例-拉流端</h1>
    <div> 拉流端的基本信息
        <span> 
            uid={{.uid}}
            streamName={{.streamName}}
            audio={{.audio}}
            video={{.video}}
            mode={{.mode}}

        </span>
    </div>
     <span id="tips1"> </span> <br>
    <span id="tips2"> </span> <br>
    <span id="tips3"> </span> 
    <div style="margin-top:5px">
        <video id="remoteVideo" autoplay controls></video>
    </div>
    <button id="pullBtn">开始拉流 </button>
    <button id="stopPullBtn">停止拉流</button>

    <input type="hidden" id="uid" value="{{.uid}}">
    <input type="hidden" id="streamName" value="{{.streamName}}">
    <input type="hidden" id="audio" value="{{.audio}}">
    <input type="hidden" id="video" value="{{.video}}">
    <input type="hidden" id="mode" value="{{.mode}}">

    <script src="/static/js/adapter.js"></script>
    <script src="/static/js/jquery-2.1.1.min.js"></script>
    <script src="/static/js/pull.js"></script>

</body>
</html>